<!DOCTYPE html>
<html lang="en">
  <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>测试</title>
        <meta name="Keywords" content="" />
        <meta name="description" content="" />
        <meta
        name="viewport"
        content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"
        />
        <meta name="format-detection" content="telephone=no, email=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="renderer" content="webkit" />
        <meta name="force-rendering" content="webkit" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta name="full-screen" content="yes" />
        <meta name="x5-fullscreen" content="true" />
        <meta name="360-fullscreen" content="true" />
        <meta name="screen-orientation" content="" />
        <meta name="x5-orientation" content="" />
        <meta name="x5-page-mode" content="app" />
        <link rel="stylesheet" href="../css/reset.css">
        <style>
          ul{
            position: fixed;
            z-index: 999;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
          }
          ul li button{
            width: 100px;
            height: 36px;
            cursor:pointer;
            margin:15px 15px;
            border: 0;
            outline: none;
            font-size: 16px;
            background-color:rgba(0,0,0,.6);
            border: 1px rgb(27, 116, 101);
            border-style:double;
            color: rgb(27, 116, 101);
            display:inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            border-radius: 5px;
          }
          ul li button.active{
            background-color: rgba(42, 192, 167, 0.6);
            color: #fff;
            font-weight: bold;
            font-size: 16px;
          }
        </style>
   </head>

	<body>
        <div id='container' style="width:100%;height: 100%;"></div>
        <ul>
          <li>
            <button data-id="1">精灵中心</button>
            <button data-id="2">我的房间</button> 
            <button data-id="3">挑战道馆</button>
          </li>
        </ul>
        <audio autoplay loop id="audio"></audio>
        <script src="../js/three.min.js"></script>
        <script src="../js/OrbitControls.js"></script>
        <script src="../js/GLTFLoader.js"></script>
        <script src="../js/main/01/app.js"></script>
    </body>
  </head>
</html>
